<div id="side_column">

	<div class="side_column_box">

		<div style="background: #49659c; height: 30px; border-top-left-radius: 1em; border-top-right-radius: 1em;"></div>

		<div class="side_column_box_content">
			<div class="news_section">
				
				<div class="imgleft2" style="margin-bottom: 20px; font-size: 0.9em; line-height: 25px; margin-left: 5px">
					<h4 style="margin:  0px 10px 10px 0px; text-align: center; font-size: 2em; margin-top: 5px"><strong>Tarifs</strong></h4>
					
				<label class="displayContentLeft " style="display: inline; width: 140px; margin-left: 10px; color: #ffffff">
					<strong>Prise en charge</strong>
				</label>
				<label class="displayContentLeft" style="display: inline; color: #ffffff; float: right; margin-right: 20px ">
					<strong>20 CHF</strong>
				</label>					
					<label class="displayContentLeft " style="display: inline; width: 140px; margin-left: 10px; color: #ffffff">
					<strong>Assur. annulation vol</strong>
				</label>					
				<label class="displayContentLeft" style="display: inline; color: #ffffff; float: right; margin-right: 20px">
					<strong>5 CHF</strong>
				</label>
				<label class="displayContentLeft " style="display: inline; width: 140px; margin-left: 10px; color: #ffffff">
					<strong>Les 3 premiers jours</strong>
				</label>
				<label class="displayContentLeft" style="display: inline; color: #ffffff; float: right; margin-right: 10px">
					<strong>15 CHF/J</strong>
				</label>
				
				<label class="displayContentLeft" style="display: inline; width: 140px; margin-left: 10px; color: #ffffff">
					<strong>A partir du 4ème jour</strong>
				</label>
				<label class="displayContentLeft" style="display: inline; color: #ffffff; float: right; margin-right: 10px">
					<strong>10 CHF/J</strong>
				</label>
					
<!--					<label class="displayContentLeft" style="font-size: 1.4em; cursor: pointer; display: inline; width: 100%; margin-top: 40px; color: #ffffff; text-align: center; color: #b81900" onclick="showCarForm()">
						<strong><u>recommander ce site à un ami</u></strong>
				</label>
					<div id="div-car" >

				<form id="add-car-form" class="add-car-form" style="padding-right: 20px; padding-left: 20px">
					
						<p>
							<label  class="text-car-data-form"><label style="color: #b81900; font-size: 15px">*</label>Marque du véhicule</label>

							<input name="mark" id="mark" class="add-car-data-form" size="25"  type="text"  required>


						</p>

						<p>
							<label class="text-car-data-form"><label style="color: #b81900; font-size: 15px">*</label>Numéro de plaques
							</label>				

							<input name="plate" id="plate" class="add-car-data-form" size="25"  type="text" required>

						</p>

						<p>
							<label class="text-car-data-form">Modèle</label>				

							<input name="model" id="model" class="add-car-data-form" size="25"  type="text">

						</p>

						<p>
							<label class="text-car-data-form">Couleur</label>				

							<input name="color" id="color" class="add-car-data-form" size="25"  type="text">						

						</p>						
						<div align="center" >
							<table><tr><td>
										<div align="center" >
											<div class="button_addA" style="width: 80px; height: 20px; cursor: pointer" onclick="addCar()">
												<label style="margin: 0 0 0 20px; cursor: inherit;" onmouseover="">
													ajouter
												</label>
											</div> 	
									</td><td>
										<div class="button_loguin" style="width: 80px; height: 20px; cursor: pointer" onclick='
											TweenMax.to("#div-car", 1, {css: {height: 0}});
											$("#div-car").css("border", "");'>
											<label style="margin: 0 0 0 20px; cursor: inherit;" onmouseover="">
												annuler
											</label>
										</div>
									</td></table>

							<input type="button" value="OK" onclick="addCar()" />
							<input type="button" value="Cancel" onclick='TweenMax.to("#div-car", 1, {css: {height: 0}});' />
						</div>
					
				</form>
			</div>-->
				</div>
				
				<div style="margin-bottom: 100px; ">					
				<label class="displayContentLeft " style="display: inline; width: 100%; text-align: center">
					<strong><i>Prochainement service online avec cartes de crédit:</i></strong>
					<br>
					<img id="cards" src="images/cards/cards.png" style=" height: 23px; margin-top: 5px; position: relative;" />
					
				</label>
				
				</div>
				<div style="margin-left: 10px; margin-right: 10px">
				<h4 style="margin:  0px 10px 10px 0px">Testez nos tarifs!</h4>

				<form id="calculateTarif" class="calculateTarif">
					
						
					<label class="displayContentLeft" style="display: inline-block;"><strong>Départ le &nbsp;</strong>

						<input name="tarifTest1" id="tarifTest1" type="text" size="8" class="date-france" required />
					</label>
					<br><br>
					<label class="displayContentLeft" style="display: inline-block;"><strong>Retour le &nbsp;</strong>
					<input name="tarifTest2" id="tarifTest2" type="text" size="8" class="date-france" required/>
					</label>
					
					<br/><br/>
					<strong>
						<label id="tarifValue" class="displayContentLeft" style=" margin-left: 30px;"></label></strong>

					<div class="button_01" style=" cursor: pointer;" onclick="calculateTarif()">
						<label style="margin-left: 15px;margin-top: 1px; cursor: inherit;" onmouseover="">
							Calculer
						</label>
					</div>
					<br><br>
					<label class="calculateTarif" style="display: inline;">
						<strong>
							
								
								<label style="display: inline; width: 100%; text-align: center; float: left;">
									20 CHF de prise en charge
								</label>
								<br>
								<label style="display: inline; width: 100%; text-align: center; float: left;">
									+
								</label>
								<br> 
								<label style="display: inline; width: 100%; text-align: center; float: left;">
									5 CHF d'assurance annulation sont inclus
								</label>
								
								
						</strong>
					</label>
					<br>

<!--									<input style="float: right" type="button" value="Calculer" onclick="calculateTarif()" />-->
				</form>
				</div>
				<br/><br/>
				
<!--				<div class="imgleft" style=" margin-left: 5px">
					<label class="textOverImgLeft" style="float: none; font-style: normal; font-size: 1.6em; color: #ffffff" >
						Promotion
						</label><br>
					<label  class="textOverImgLeft" >
						Pendant le mois de mai 2014, pour chaque prise en charge nous

vous offrons un lavage express gratuit.
						</label>
					</div>-->
				
				<!--<img src="images/public.png"  />-->
			</div>

		</div>

		<div class="bottom"></div>
	</div>


</div> <!-- end of side column -->
